
//badge variation

.badge-variant(@background-color; @color ){
  color: @color;
  background-color: @background-color ;
}

.badge-default {
  .badge-variant(lighten(@brand-primary, 30%),@badge-color);
}
.badge-secondary {
  .badge-variant(desaturate(@link-color, 100%),@badge-color);
}
.badge-muted {
  .badge-variant(@text-muted,@badge-color);
}

.badge-primary {
  .badge-variant(@brand-primary,@badge-color);
}
// Warning appears as orange
.badge-warning {
  .badge-variant(@brand-warning,@badge-color);
}
// Danger and error appear as red
.badge-danger {
  .badge-variant(@brand-danger,@badge-color);
}
// Success appears as green
.badge-success {
  .badge-variant(@brand-success,@badge-color);
}
// Info appears as blue-green
.badge-info {
  .badge-variant(@brand-info,@badge-color);
}
